<template>
	<view class="main">
		<header-vue bgColor="transparent" title="审核中" back="true"></header-vue>
		<view class="flex center column margin32">
			<image :src="IMAGE_URL + '/static/mine/rzshz.png'" mode="aspectFit"></image>
			<view class="font28">信息已提交，耐心等待后台审核~</view>
			<view class="btn flex center" @click="goPage()">返回</view>
		</view>
	</view>
</template>

<script>
	import headerVue from '../../components/header.vue';
	import appConfig from '@/config/app.js'

	export default {
		data() {
			return {
				IMAGE_URL: appConfig.IMAGE_URL,
			}
		},
		components: {
			headerVue
		},
		methods: {
			goPage() {
				uni.navigateTo({
					url: `/pages/main`,
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		background: linear-gradient(180deg, #B5CFFF 0%, rgba(246, 249, 255, 0.2) 30%, #F6F9FF 100%);
		height: 100vh;
	}
	
	image {
		width: 70vw;
		max-width: 316rpx;
		height: 220rpx;
		margin-top: 150rpx;
	}
	
	.margin32 {
		margin: 0 96rpx;
	}

	.font28 {
		color: #999999;
		margin: 24rpx 0 100rpx;
	}
	
	.btn {
		height: 80rpx;
		width: 100%;
		background: linear-gradient( 90deg, #0785CF 0%, #25A4EF 100%);
		box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(7,133,207,0.1);
		border-radius: 60rpx;
		font-weight: 500;
		font-size: 36rpx;
		color: #FFFFFF;
	}
	.radio {
		width: 26rpx;
		height: 26rpx;
		border-radius: 50%;
		border: 1rpx solid $uni-color-primary;
		margin-right: 8rpx;
	}
	
	.active {
		color: $uni-text-color;
	
		.radio {
			background: $uni-color-primary;
			color: $uni-text-color-inverse;
		}
	}
</style>